//点击加载更多
var data = [{
    url: 'http://www.all580.com',
    img: 'https://img.alicdn.com/tfs/TB1R.iIzrSYBuNjSspiXXXNzpXa-760-460.jpg',
    cont: '案列1'
}, {
    url: 'http://www.all580.com',
    img: 'https://img.alicdn.com/tfs/TB1R.iIzrSYBuNjSspiXXXNzpXa-760-460.jpg',
    cont: '案列2'
}, {
    url: 'http://www.all580.com',
    img: 'https://img.alicdn.com/tfs/TB1R.iIzrSYBuNjSspiXXXNzpXa-760-460.jpg',
    cont: '案列3'
}, {
    url: 'http://www.all580.com',
    img: 'https://img.alicdn.com/tfs/TB1R.iIzrSYBuNjSspiXXXNzpXa-760-460.jpg',
    cont: '案列4'
}, {
    url: 'http://www.all580.com',
    img: 'https://img.alicdn.com/tfs/TB1R.iIzrSYBuNjSspiXXXNzpXa-760-460.jpg',
    cont: '案列5'
}];


/*监听加载更多*/
$(document).on('click', '.loadmore', function () {
    // pageStart++
    // getData(pageStart, pageSize);
    $('.loadmore').addClass('loadinfo').find('span').text('正在加载中');
    var listhml = '';
    for (var i = 0; i < data.length; i++) {
        listhml += '<li><a href="' + data[i].url + '"><div class="caseItem-img"><img src="' + data[i].img + '"></div><p>' + data[i].cont + '</p></a></li>';
    }
    setTimeout(function () {
        $('.caseItem ul').append(listhml);
        $('.loadmore').removeClass('loadinfo').find('span').text('加载更多');
    }, 3000)
});


// /*初始化*/
// var counter = 0; /*计数器*/
// var pageStart = 1; /*offset*/
// var pageSize = 5; /*size*/

// /*首次加载*/
// getData(pageStart, pageSize);

// function getData(offset, size) {
//     $.ajax({
//         type: 'GET',
//         url: 'list.json',
//         dataType: 'json',
//         success: function (reponse) {
//             var data = reponse;
//             var sum = reponse.length;
//             var listhml = '';
//             for (var i = (offset - 1) * size; i < sum; i++) {
//                 listhml += '<li><a href="' + data[i].url + '"></a><div class="caseItem-img"><img src="' + data[i].Img + '"></div><p>' + data[i].cont + '</p></li>';
//             }
//             $('.caseItem ul').append(listhml);
//             /*******************************************/
//             //     /*隐藏more*/
//             //     if ((offset * size) > sum) {
//             //         $(".loadmore").hide();
//             //     } else {
//             //         $(".loadmore").show();
//             //     }
//             // },
//             // error: function (xhr, type) {
//             //     alert('已加载完毕!');
//             // }
//         }
//     })
// }